<template>
	<view class="certificate">
		<view class="module-name">
			<span class="name">职业技能</span>
			<span style="margin-right: 10rpx;">:</span>
			<input type="number" placeholder="请输入您的职业技能名称" v-model="name" maxlength="2" />
		</view>
		<view class="module-name">
			<span class="name">领证时间</span>
			<span style="margin-right: 10rpx;">:</span>
			<input type="number" placeholder="请选择您领取证书的时间" v-model="name" maxlength="2" />
		</view>
		<view class="save">
			<view class="save-continue">
				保存 继续添加
			</view>
			<view class="save-message">
				确认保存
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.certificate {
		background: #cecece;
		position: relative;
		.module-name {
			margin-bottom: 20rpx;
			width: 100vw;
			font-size: 30rpx;
			display: flex;
			align-items: center;
			padding: 20rpx 0 20rpx 20rpx;
			border-bottom: solid 1px #d8d8d8;
			background: #FFFFFF;
			margin-bottom: 20rpx;
			.name {
				display: inline-block;
				width: 160rpx;
				text-align-last: justify;
			}
		}
		.save {
			width: 100vw;
			display: flex;
			position: fixed;
			bottom: 0;
			right: -6rpx;
			background: #FFFFFF;
			padding: 20rpx 30rpx;
		
			.save-message {
				text-align: center;
				width: 45vw;
				background: #007AFF;
				color: #FFFFFF;
				font-size: 32rpx;
				padding: 14rpx 20rpx;
				border-radius: 16rpx;
				
			}
			.save-continue{
				text-align: center;
				width: 45vw;
				border: solid 1px #007AFF;
				color: #007AFF;
				font-size: 32rpx;
				padding: 14rpx 20rpx;
				border-radius: 16rpx;
				margin-right: 20rpx;
			}
		}
	}
</style>
